
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>登录</title>
<!--    <meta content="投呗登录,投呗注册" name="Keywords">-->
<!--    <meta content="“投呗”用户登录入口，新用户注册可领理财红包。投呗平台交易安全有保障，是您投资理财的不二选择！" name="description">-->
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta property="wb:webmaster" content="xxxxxxx"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/index.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/css/layer.css"/>
    <script src="../lib/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/wapframwork.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .login_bg {
            text-align: center;
        }
        .register-container {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            width: 300px;
            margin-top: 100px; /* 调整顶部距离 */
        }
        .input-group {
            margin-bottom: 20px;
        }
        label {
            display: block;
            margin-bottom: 5px;
            font-size: 14px;
            color: #333;
        }
        input[type="text"], input[type="password"] {
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            font-size: 14px;
            box-sizing: border-box;
        }
        .login-button {
            width: 100%;
            padding: 12px;
            background-color: #4CAF50;
            border: none;
            border-radius: 4px;
            color: white;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
            font-weight: bold;
        }
        .login-button:hover {
            background-color: #45a049;
        }
        .nav-buttons {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
            margin-top: 20px;
        }
        .nav-button {
            background-color: transparent;
            border: none;
            color: #4CAF50;
            font-size: 16px;
            cursor: pointer;
        }

    </style>

</head>
<body class="">
<div class="login_bg">
    <div>
        <div class="nav-buttons">
            <button class="nav-button" onclick="history.back()">返回</button>
            <button class="nav-button" onclick="location.href='reg.html'">注册</button>
        </div>

        <!--        登录主体-->
        <div class="register-container">
            <div class="input-group">
                <label for="phone">手机号码</label>
                <input type="text" id="phone" placeholder="请输入手机号码" required>
            </div>
            <div class="input-group">
                <label for="password">密码</label>
                <input type="password" id="password" placeholder="请输入密码" required>
            </div>
            <button class="login-button">登录</button>
        </div>
        <!-- 注册主体结束 -->
        <!--        <div class="register_content">-->
        <!--            <div class="register_part2">-->
        <!--                <div class="zhuce">-->
        <!--                    <input type="number" id="phonenum" placeholder="手机号码" oninput="if(value.length>11)value=value.slice(0,11)"-->
        <!--                           onkeyup="value = value.replace(/[^\d{2}\.]/g, '').replace(/(\.\d{2}).*/g, '$1')"/>-->
        <!--                </div>-->
        <!--                <div class="zhuce">-->
        <!--                    <input type="password" id="password" placeholder="密码6-20位字母数字组合" maxlength="20"/>-->
        <!--&lt;!&ndash;                    <img class="icon_eye" src="../img/bkj.png"/>&ndash;&gt;-->
        <!--                </div>-->
        <!--&lt;!&ndash;                <div class="item">&ndash;&gt;-->
        <!--&lt;!&ndash;                    <input type="text" id="valicode" placeholder="短信验证码" maxlength="6"&ndash;&gt;-->
        <!--&lt;!&ndash;                           onkeyup="value = value.replace(/[^\d{2}\.]/g, '').replace(/(\.\d{2}).*/g, '$1')"/>&ndash;&gt;-->
        <!--&lt;!&ndash;                    <span class="get_code" id="get_valicode">获取验证码</span>&ndash;&gt;-->
        <!--&lt;!&ndash;                </div>&ndash;&gt;-->
        <!--                <div style="text-align: center;" id="captcha_div"></div>-->
        <!--                &lt;!&ndash;<div class="item">-->
        <!--                    <span class="item_des">推荐人账号（选填）</span>-->
        <!--                    <input class="recommend_input" id="recommend_p" type="text" maxlength="20"/>-->
        <!--                </div>&ndash;&gt;-->
        <!--&lt;!&ndash;                <div class="referenceWrap">&ndash;&gt;-->
        <!--&lt;!&ndash;                    <div class="referenceTitle" id="referenceTitle"><img src="../img/inviteperson.png">邀请人账号</div>&ndash;&gt;-->
        <!--&lt;!&ndash;                    <div style="display: none">&ndash;&gt;-->
        <!--&lt;!&ndash;                        <input class="recommend_input" id="recommend_p" type="text" maxlength="20" placeholder="邀请人账号（选填）"&ndash;&gt;-->
        <!--&lt;!&ndash;                               oninput="recommendFn($(this).val())"/>&ndash;&gt;-->
        <!--&lt;!&ndash;                        <div class="recommendMessage"><span></span><span id="recommendName"></span></div>&ndash;&gt;-->
        <!--&lt;!&ndash;                    </div>&ndash;&gt;-->

        <!--&lt;!&ndash;                </div>&ndash;&gt;-->
        <!--                <a href="javascript:;" class="register_btn disabled" style="text-align: center"-->
        <!--                   id="register_btn">注册</a>-->
        <!--                &lt;!&ndash;<input type="button" class="register_btn disabled" disabled id="register_btn" value="立即注册">&ndash;&gt;-->

        <!--&lt;!&ndash;                <div class="xieyi">&ndash;&gt;-->
        <!--&lt;!&ndash;                    &lt;!&ndash;<input type="checkbox" checked class="if_agree" id="if_agree"/><label for="if_agree">我同意</label>&ndash;&gt;&ndash;&gt;-->
        <!--&lt;!&ndash;                    <span class="xieyiname">注册账户表示您同意<a href="service_protol.html">《注册协议》</a></span>&ndash;&gt;-->
        <!--&lt;!&ndash;                </div>&ndash;&gt;-->
        <!--            </div>-->
        <!--            <div class="register_part3" style="display: none;">-->
        <!--                <p class="user"></p>-->
        <!--                <a href="realName_authentication.html#reg" class="wcrz">去完成认证</a>-->
        <!--                <a href="index.html" class="xqgg">先去逛逛</a>-->
        <!--            </div>-->
        <!--        </div>-->
    </div>
    <div class="modal" id="modal"  style="display: none;">
        <img src="../img/loading.svg" class="loadingImg" >
    </div>
</div>

</body>


<script src="../lib/js/layer.js" type="text/javascript" charset="utf-8"></script>
<!--头部-->
<script src="../lib/js/RainbowBridge.js" type="text/javascript" charset="utf-8"></script>

<script src="../js/loading.js"></script>
<script src="../js/weChatConfig.js"></script>
<!--微信第三方登录openid-->
<script src="../js/indexWechat.js"></script>
<script src="../js/login.js?v=1.2.2" type="text/javascript" charset="utf-8"></script>
<script>
    document.querySelector('.login-button').addEventListener('click', function() {
        const phone = document.getElementById('phone').value;
        const password = document.getElementById('password').value;

        if (phone && password) {
            location.href = 'personal.html';            // 可以在这里添加更多的逻辑，例如发送请求到服务器
        } else {
            alert('请填写所有字段。');
        }
    });
</script></html>
